<template>
  <div class="creditExchange">
    <div class="goodsNone">——很抱歉，此功能暂未开通——</div>
    <!--<headers title="积分兑换"></headers>-->
    <!--<div class="creditTop">-->
    <!--<div class="left">-->
    <!--<img :src="userInfo.headImg" alt="">-->
    <!--<div class="right">-->
    <!--<p>{{userInfo.nickName}}</p>-->
    <!--<p>积分：0</p>-->
    <!--</div>-->
    <!--</div>-->
    <!--&lt;!&ndash;<div class="right btn">&ndash;&gt;-->
    <!--&lt;!&ndash;<p>我的积分</p>&ndash;&gt;-->
    <!--&lt;!&ndash;</div>&ndash;&gt;-->
    <!--</div>-->

    <!--<div class="goods">-->
    <!--<ul class="list">-->
    <!--<li class="item" v-for="(good,index) in goodsArr">-->
    <!--<router-link to="/PinGoodsDetail" class="a">-->
    <!--<div class="top">-->
    <!--<div class="pic left"><img :src="good.goodsSrc" alt=""></div>-->
    <!--<div class="right">-->
    <!--<span class="goodsName">{{good.goodsName}}</span>-->
    <!--<p class="goodsNum">还剩余：{{good.leftNum}}件</p>-->
    <!--<p class="goodsPrice">-->
    <!--<span class="red">￥{{good.salePrice}}+{{good.credit}}积分</span>-->
    <!--</p>-->
    <!--</div>-->
    <!--</div>-->
    <!--</router-link>-->
    <!--</li>-->
    <!--</ul>-->
    <!--<p class="goodsNone">—已到最底部—</p>-->
    <!--</div>-->
  </div>
</template>

<script>
  import wx from 'weixin-js-sdk'
  import { wxHttpTool,wx_config, http_getParam, get_shopQrcoe,wx_share,wx_hideAllMenu } from '../components/httpUtil/httpUtil'
  import {msg_10046} from '../message/msg_10046'
  export default {
    name: 'creditExchange',
    data () {
      return {
        userInfo: JSON.parse(window.localStorage.data),
        goodsArr: [
          {
            goodsImg: '',
            goodsName: '新秀丽纯PC 拉链斜纹拉杆箱112升（24寸）',
            leftNum: 2200,
            salePrice: 200,
            credit: 200
          },
          {
            goodsImg: '',
            goodsName: '新秀丽纯PC 拉链斜纹拉杆箱112升（24寸）',
            leftNum: 2200,
            salePrice: 200,
            credit: 200
          },
          {
            goodsImg: '',
            goodsName: '新秀丽纯PC 拉链斜纹拉杆箱112升（24寸）',
            leftNum: 2200,
            salePrice: 200,
            credit: 200
          },
          {
            goodsImg: '',
            goodsName: '新秀丽纯PC 拉链斜纹拉杆箱112升（24寸）',
            leftNum: 2200,
            salePrice: 200,
            credit: 200
          },
          {
            goodsImg: '',
            goodsName: '新秀丽纯PC 拉链斜纹拉杆箱112升（24寸）',
            leftNum: 2200,
            salePrice: 200,
            credit: 200
          }
        ]
      }
    },
    created(){  wxHttpTool.wxAuthor(this, function (varRet, varJson, varThis = this) {
      if (varRet == -1) {
        varThis.alertTip('网络错误');
        varThis.go = function () {
          varThis.showAlert = false;
        }

      }
      // 关注钱应该判断下是否已经关注过了
      msg_10046.send(varThis,msg_10046.entity(),function(varThis,res){
        varThis.wxlist=res.data.p.sig
        wx_config(varThis.wxlist);
        wx_hideAllMenu();
        wx.hideMenuItems({
          //禁用单独分享朋友圈QQ空间等功能
          menuList: ["menuItem:share:timeline","menuItem:share:QZone","menuItem:share:qq"] // 要隐藏的菜单项，所有menu项见附录3
        });
      })


    },this.type)},
    methods: {}
  }
</script>
<style scoped>

  .creditExchange {
    height: 100%;
  }

  .goodsNone {
    color: #D3D3D3;
    height: 40px;
    text-align: center;
    padding: 20px 0;
  }

  /*首页顶部*/
  .creditTop {
    height: 216px;
    background: url("../assets/images/jfbg@1x.png") no-repeat;
    background-size: 100% 100%; /*让图片自适应大小*/
  }

  .creditTop .left {
    margin: 40px 0 0 40px;
  }

  .creditTop .left img {
    display: inline-block;
    width: 112px;
    height: 112px;
    border-radius: 50%;
    margin-right: 20px;
    border: 5px solid #ffffff;
    /*float: left;*/
  }

  .creditTop .left .right p {
    font-size: 30px;
    color: #fff;
    margin-top: 12px;
    /*文字太长，之后省略*/
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*float: right;*/
  }

  /*.creditTop .btn {*/
  /*display: inline-block;*/
  /*width: 166px;*/
  /*height: 83px;*/
  /*border-radius: 20px;*/
  /*background: url("../assets/images/jfbtn@1x.png") no-repeat;*/
  /*background-size: 100% 100%;*/
  /*margin: 60px 25px 0 0;*/
  /*border:none;*/
  /*outline:none;*/
  /*color: #ffffff;*/
  /*}*/
  /*.creditTop .btn p{*/
  /*margin: 15px 0 0 40px;*/
  /*}*/

  .goods {
    /*width: 100%;*/
    height: auto;
    margin-top: 3px;
    background: #f4f4f4;
  }

  .goods ul {
    display: flex;
    flex-flow: row wrap;
    /*width: 100%;*/
  }

  .goods li {
    background: #ffffff;
    width: 100%;
    /*height: 370px;*/
    /*margin-bottom: 20px;*/
  }

  .goods ul li .top {
    height: 277px;
    /*width: 100%;*/
    border-bottom: 1px solid #f4f4f4;
  }

  .goods ul li .top .left img {
    width: 220px;
    height: 220px;
    margin: 25px 0 0 30px;
  }

  .goods ul li .top .right {
    font-size: 30px;
    margin-top: 25px;
    width: 53%; /*让文本自动换行，自适应*/
    margin-left: 30px;
    float: left;
  }

  .goods ul li .top .right .goodsName {
    color: #3b3b43;
    font-size: 28px;
    line-height: 40px;
  }

  .goods ul li .top .right .goodsNum {
    font-size: 20px;
    color: #A1A1A1;
    margin: 30px 0;
  }

  .goods ul li .top .right .goodsPrice {
    font-size: 32px;
  }

  /*已经到最底部*/
  .goods .goodsNone {
    color: #D3D3D3;
    text-align: center;
    padding: 20px 0;
  }
</style>
